<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="jquery-3.2.1.min.js"></script>
		<script>
			$(function(){
				$("*").css("list-style","none");
				//JSON
				$("#f :header").css({"font-size":"50px","color":"green"});
				$("#f ul li:even").css({"font-size":"20px","color":"red"});
				$("#f ul li:not(:first)").css("border","2px groove blue");
			
				$("#f ul li:contains(子)").css("font-size","100px");
				//$("li:empty").text("你元来是空的！");
				$("#f ul li:has(a)").css("width","200px");
				
				$("#f ul li:parent").css("border-style","dotted");
			});
		</script>
	</head>
	<body>
		<div id="f">
			<h2>常见的水果有</h2>
			<ul>
				<li>苹果</li>
				<li>榴莲</li>
				<li>葡萄</li>
				<li>梨子</li>
				<li>李子</li>
				<li>栗子</li>
				<li>香蕉</li>
				<li>龙眼</li>
				<li>菠萝</li>
				<li>橙子</li>
				<li><a href="https://www.taobao.com">萝卜</a></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
	</body>
</html>
